<template>
  <div class="aside " >
    <div class="loginAreaBtn">
      <router-link  :to="{name:loginState.isExit?'userCenter':'loginPage'}">
         <a v-if="loginState.isExit">个人中心</a>
          <a v-else>登录/注册</a>
      </router-link>
    </div>
    <ul>
      <li>
        <router-link  :to="{name:'pageIndex'}">
            <a >首页
            </a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'partNews'}">
            <a >党建要闻 </a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'partScholl'}">
        <a >微党校</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'ffcl'}">
        <a >反腐倡廉</a>
        </router-link>
      </li>
      <!--<li><a href="/History/index.html">党史故事</a></li>-->
      <li>
        <router-link  :to="{name:'assessment'}">
        <a >积分考核</a>
        </router-link>
      </li>
      <li>
        <router-link :to="{name:'partAlbum'}">
        <a >党建相册</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'onLineExam'}">
        <a >党建考堂</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'store'}">
        <a >应用商店</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'supervise'}">
        <a >群众监督</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'heart'}">
        <a >一颗红心</a>
        </router-link>
      </li>
      <li>
        <router-link  :to="{name:'activity'}">
            <a >活动报名</a>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
  import{mapState} from 'vuex'
  export default({
    data (){
        return {

        }
    },
    computed:{
      ...mapState({
        loginState:state =>state.app.loginState
      })
    },

    mounted(){
        console.log(this.loginState)
    }
  })
</script>
